<template>
	<view>
		<u-tabbar :value="value" :fixed="true" activeColor="#ed771d">
			<u-tabbar-item text="首页" @click="ruterGo('/pages/shop/shop-index')">
				<image class="u-page__item__slot-icon" slot="active-icon" src="/static/images/nav/home_active.png">
				</image>
				<image class="u-page__item__slot-icon" slot="inactive-icon" src="/static/images/nav/home.png"></image>
			</u-tabbar-item>
			<u-tabbar-item text="订单" @click="ruterGo('/pages/shop/order')">
				<image class="u-page__item__slot-icon" slot="active-icon" src="/static/images/nav/order_active.png">
				</image>
				<image class="u-page__item__slot-icon" slot="inactive-icon" src="/static/images/nav/order.png"></image>
			</u-tabbar-item>
			<u-tabbar-item text="我的" @click="ruterGo('/pages/shop/my')">
				<image class="u-page__item__slot-icon" slot="active-icon" src="/static/images/nav/my_active.png">
				</image>
				<image class="u-page__item__slot-icon" slot="inactive-icon" src="/static/images/nav/my.png"></image>
			</u-tabbar-item>
		</u-tabbar>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		props: {
			value: {
				type: Number,
				default: 0,
			}
		},
		onLoad() {

		},
		methods: {
			ruterGo(url) {
				// this.$toast('暂未开放...')
				
				uni.navigateTo({
				    url: url,
					animationType: "none",
				});

			}
		}
	}
</script>

<style lang="scss">
	.u-page__item__slot-icon {
		width: 48rpx;
		height: 48rpx;
	}
</style>
